<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <title></title>
  <script src="../assets/vue.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://ad.aicebar.com/public/lib/css/style.css" />
  <link rel="stylesheet" href="../css/comm.css">
</head>

<body>
  <div id="app" v-cloak>
    <div class="wrap2">
      <img src="../images/res-bg.png" class="banner2">

      <div class="wrap3">
        <div class="flex5">
          <span>报告所属人：</span>
          <span class="txt7">{{user.nickName}}</span>
          <img :src="user.gender == 1? img1: img2" class="icon2">
        </div>
      </div>

      <div class="box2">
        <div class="h3">
          <p>你的个人状态</p>
        </div>
        <p class="txt">{{obj.Nintroduce}}</p>
      </div>


      <div class="box2">
        <div class="h3">
          <p>财富方面</p>
        </div>
        <div class="sub-txt">2023年总结</div>
        <p class="txt">{{obj.CaiFu[0]}}</p>
        <div class="sub-txt">2024年运势</div>
        <p class="txt">{{obj.CaiFu[1]}}</p>
        <div>
          <p class="txt6"><span class="txt5">进财方式：</span>{{obj.CaiFu[2]}}</p>
          <p class="txt6"><span class="txt5">可能的问题：</span>{{obj.CaiFuBiMianWenTi[0]}}</p>
          <p class="txt6"><span class="txt5">化解方法：</span>{{obj.CaiFuBiMianWenTi[1]}}</p>
        </div>
      </div>

      <div class="box2">
        <div class="h3">
          <p>情感方面</p>
        </div>
        <div class="sub-txt">2023年总结</div>
        <p class="txt">{{obj.GanQing[0]}}</p>
        <div class="sub-txt">2024年运势</div>
        <p class="txt">{{obj.GanQing[1]}}</p>
        <div>
          <p class="txt6"><span class="txt5">桃花运势（单身）：</span>{{obj.GanQing[2]}}</p>
          <p class="txt6"><span class="txt5">情感发展情况（非单身）：</span>{{obj.GanQing[3]}}</p>
          <p class="txt6"><span class="txt5">可能的问题：</span>{{obj.GanQing[4]}}</p>
          <p class="txt6"><span class="txt5">化解方法 ：</span>{{obj.GanQing[5]}}</p>
        </div>
      </div>

      <div class="box2">
        <div class="h3">
          <p>事业方面</p>
        </div>
        <div class="sub-txt">2023年总结</div>
        <p class="txt">{{obj.ShiYe[0]}}</p>
        <div class="sub-txt">2024年运势</div>
        <p class="txt">{{obj.ShiYe[1]}}</p>
        <div>
          <p class="txt6"><span class="txt5">收获与投入：</span>{{obj.ShiYe[2]}}</p>
          <p class="txt6"><span class="txt5">关键突破口：</span>{{obj.ShiYe[3]}}</p>
          <p class="txt6"><span class="txt5">可能的问题：</span>{{obj.ShiYeBiMianWenTi[0]}}</p>
          <p class="txt6"><span class="txt5">化解方法：</span>{{obj.ShiYeBiMianWenTi[1]}}</p>
        </div>
      </div>

      <div class="box2">
        <div class="h3">
          <p>人际方面</p>
        </div>
        <div class="sub-txt">社会关系</div>
        <p class="txt">{{obj.RenJiGuanXi}}</p>
        <div class="sub-txt">贵人运</div>
        <p class="txt">{{obj.GuiRenYun}}</p>
      </div>

      <div class="box2">
        <div class="h3">
          <p>一至十二月每月运势</p>
        </div>
        <div v-for="(item, i) in obj.YueYun">
          <div class="sub-txt">{{i+1}}月</div>
          <p class="txt">{{item}}</p>
        </div>
      </div>
    </div>

    <div class="wrap">
      <h3>更多报告</h3>
      <ul>
        <li v-for="(item, i) in rpList">
          <img :src="item.pro_img" alt="">
          <div class="main" @click="router(item.pro_type_sim, item.id)">
            <p class="txt2">{{item.pro_name}}</p>
            <p class="txt3 ellipsis">{{item.pro_desc}}</p>
            <div class="flex">
              <p>{{item.sale_nums}}人购买</p>
              <div class="btn">揭晓答案</div>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</body>

<script src="https://ad.aicebar.com/public/lib/js/axios.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/comm.js"></script>

</html>